@height: 100%;
@heightHeader: 50px;
@dialogW: 700px;
@dialogH: 300px;
@background: #2d3a4b;
@backgroundColorNav: #001529;
@backgroundColorMain: #efefef;
@backgroundColorDialog: rgba(136, 134, 136, 0.5);
@loginContainerW: 340px;


// 首页卡片的高度
@cardHomeHeight: 80px;
@cardHomeWidth: 55px;
// 字体颜色
@fontColorFFF: #fff;
@fontColorCCC: #ccc;
@fontColor333: #333;


// 字体行高
.line-height-1-8 {
  line-height: 1.8;
}

.line-height-2-0 {
  line-height: 2.0;
}


// 字体大小
@fontSize-16: 16px;
@fontSize-18: 18px;
@fontSize-20: 20px;
@fontSize-24: 24px;


// 外边距
@m-b-20: 20px;
@m-r-5: 5px;
@m-r-50: 50px;

// 内边距
@p-x-20: 20px;



// 变为标准模型
.box-sizing {
  box-sizing: border-box;
}




// 字体加粗
.font-weight-500 {
  font-weight: 500;
}




.flex-1 {
  flex: 1
}

.flex-2 {
  flex: 2
}

.flex {
  display: flex;
}

.flex-align {
  align-items: center;
}

.flex-column {
  flex-direction: column;
}

.flex-center {
  .flex;
  .flex-align;
  justify-content: center;
}

.flex-between {
  .flex;
  .flex-align;
  justify-content: space-between;
}

.flex-end {
  .flex;
  .flex-align;
  justify-content: flex-end;
}

.flex-wrap {
  flex-wrap: wrap;
}

// 定位
.position-fixed {
  position: fixed;
}

// 变为标准盒子模型
.box-sizing {
  box-sizing: border-box;
}